0%

解决 react native Android 真机运行 BUG

在进行 react native 开发的时候,难免会进行真机的调试,由于没有 iPhone 的手机,所以进行的是 Android 的  真机调试,记录一下调试过程中遇到的 BUG、已经处理办法。

在正常的创建项目后,启动模拟器能够正常运行后我们就可以进行真机的调试。先把所有的模拟器关掉,连接上你的手机。检查设备的连接问题,运行以下命令:

1
adb devices

若出现以下的情况,看到右边的device说明连接成功:

首先开启手机的USB 调试模式,然后就可以正常启动了:

1
react-native run-android

但是由于我使用小米 4 手机,在启动的时候出现了下面的问题:

stackoverflow 查了一些资料后进行一些 配置文件 的修改,在项目的 android 目录下修改 android/build.grade 文件:

1
2
3
4
// 修改
classpath 'com.android.tools.build:gradle:2.2.3'
// 为
classpath 'com.android.tools.build:gradle:1.2.3'

然后再修改 android/gradle/wrapper/gradle-wrapper.properties 文件:

1
2
3
4
// 修改
distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
// 为
distributionUrl=https\://services.gradle.org/distributions/gradle-2.2-all.zip

再重新执行一遍命名后,发现还是不行,得到了以下的错误:

检查后发现在 开发者选项 里面有一项 USB安装 的选项没有打开,打开后再执行命令,会弹出一个警告框,提示你允许安装,允许后就能够在手机上进行真机预览了。

如果我们在 开发者选项 里面  把最后一项的 启用MIUI优化 关掉后,会让你进行手机的重新启动。然后再执行命令,在手机上安装应用就不会有提示框。然后就能够进行正常的真机调试了。

 然后我尝试性的把先前的配置文件改回以前的配置,发现也能够正常的进行真机开发。